<template>
	<div class="header-week">
		<div class="week-top">
			<p>周末去哪儿</p>
		</div>
		<ul>
			<li class="week-list" v-for="(item,index) in WeekList" :key="item.id">
				<div class="item-img">
					<img :src="item.WeekUrl" />
				</div>
				<div class="til">
					<p>清远周边逛</p>
					<p>{{item.til}}</p>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
		props: ['WeekList'],
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped>
	.header-week {
		/* width: 100%;
		background-color: white; */
		font-size: 0.28rem;
		padding-bottom: 1rem;
	}

	.week-top {
		background-color: #CCCCCC;
		height: 40px;
		line-height: 40px;
	}
	.week-top p {
		float: left;
		font-weight: bold;
	}
	.week-list{
		line-height: 0.6rem;
	}
	.item-img img{
		width: 100%;
	}
	.til p{
		margin-right: 0px;
	}
</style>
